'use strict';

// let lang = document.getElementById('lang')
// //第一步：把lang中li标签中的语言全部拿出来
// let arr = [];
// for (let i = 0; i < lang.children.length; i++) {
//     let temlang = lang.children[i].textContent;
//     console.log(temlang);
// }

// //第二部：排序
// arr.sort();

// //第三部：清除lang中的所有元素
// lang.innerHtml = '';
// //第四部:把排序好的的元素，一个个插入会lang中
// arr.forEach(item => {
//     let node=document.createElement('li');
//     node.textContent=item;
//     node.classList='lang uu';
//     lang.appendChild(node);
// });



// // sort list:
// //获取父节点
// var list =document.getElementById("test-list");
// var arr = [];
// // console.log(list);

// //将父节点的孩子放进array数组中，js中数组元素的类型可以任意，这里数组元素类型为DOM节点
// for (let i = 0; i < list.children.length; i++){
//     arr.push(list.children[i]);
// }
// // console.log(arr);

// //利用高阶函数sort()对数组排序，排序规则自定义一个函数传给sort
// //题目要求根据节点的文本内容按照字符串顺序排序
// arr.sort(function(x, y){
//     if (x.innerText > y.innerText){
//         return 1;
//     }else if (x.innerText < y.innerText){
//         return -1;
//     }else {
//         return 0;  
//     }
// });
// // console.log(arr);

// //将节点添插入父节点的中

// // 因为我们插入的js节点已经存在于当前的文档树，因此这个节点首先会从原先的位置删除，再插入到新的位置。
// for (let i = 0; i < arr.length; i++){
//     list.appendChild(arr[i]);
// }

let list=document.getElementById('test-list');
let arr=[];

for(let i=0;i<list.children.length;i++){
    arr.push(list.children[i]);
}
// console.log(arr);
arr.sort(function(x,y){
    if(x.innerHTML>y.innerHTML){
        return 1;
    }else if(x.innerHTML<y.innerHTML){
        return -1;
    }
    return 0;
})
// console.log(arr);
for(let i=0;i<arr.length;i++){
    list.appendChild(arr[i]);
}